/**
 * Copyright (c) 2017-present, Liu Jinyong
 * All rights reserved.
 *
 * https://github.com/huanxsd/MeiTuan  
 * @flow
 */


import React, {PureComponent} from 'react'
import {View, Text, StyleSheet, Image, TouchableOpacity,ViewPropTypes} from 'react-native'

import {Heading3,Paragraph} from '../../widget/Text'
import {screen, system} from '../../common'

type Props = {
    num: any,
    title: string,
    onPress?: Function,
    widthStyle?: ViewPropTypes.style
}

class MineMenuItemTextNum extends PureComponent<Props> {
    render() {
        return (
            <TouchableOpacity style={[styles.container,this.props.widthStyle]}
                onPress={this.props.onPress}>
                <Paragraph style={styles.para}>{this.props.num}</Paragraph> 
                <Heading3 style={styles.para}>
                    {this.props.title}
                </Heading3>
            </TouchableOpacity>
        )
    }
}


const styles = StyleSheet.create({
    container: {
        justifyContent: 'center',
        alignItems: 'center',
        width: screen.width / 4,
        height: screen.width / 5,
    },
    para: {
        width: 60,
        height: 20,
       // margin: 5,
    }
})


export default MineMenuItemTextNum
